$(function () {
    $(window).on("load", function () {
        //获取购物车商品数量
        $(function () {
            $.ajax({
                url: 'api/getCunt',
                data: {
                    uid: JSON.parse($.cookie("tokenUser") || '{}').uid,
                }
            }).then((res) => {
                console.log(res)
                if (res.count == null) {
                    $(".qty").hide()
                    $(".cart-count").hide()
                    return;
                } else if (res.count == 0) {
                    $(".qty").hide()
                    $(".cart-count").hide()
                    return;
                } else {
                    $(".qty").show()
                    $(".cart-count").show()
                    $(".qty").text(res.count)
                    $(".cart-count").text(res.count)
                }
            })
        })
    })
})
// 渲染
$(function () {
    var params = location.search.split("=")[1];

    $.ajax({
        url: "api/getproduct",
        type: "get",
        data: {
            id: params,
        },
    }).then(function (res) {
        gData = res[0];
        // 渲染小图
        $("#smallimg").attr("src", gData.img[0])
        // 渲染大图
        $("#bigimg").attr("src", gData.img[0])
        //渲染小图标
        $(".img-box>li").each(function (index, el) {
            $(this).children("img").attr("src", gData.img[index])
        })







        // 放大镜

        $(function () {
            // 小图标改变小图和大图
            // 图标
            params
            if (params == 1) {
                var imgnum = "";
            } else {
                var imgnum = params - 1;
            }
            $(".img-box li").on("mouseenter", function () {
                var $index = $(this).index();
                $(this).addClass("active").siblings().removeClass("active")

                // 小图
                $("#smallimg").attr("src", `images/detailsimg/${imgnum}img${$index+1}.jpg`);
                //    大图
                $("#bigimg").attr("src", `images/detailsimg/${imgnum}img${$index+1}.jpg`)
            })
            //调整放大镜大小
            $("#float").css({
                "height": $("#float").height() / $("#big").height() * $("#big").height(),
                "width": $("#float").width() / $("#big").width() * $("#big").width(),
            })
            //获得缩放比例
            var $oScale = $("#bigimg").width() / $("#smallimg").width();
            // //鼠标进入 显示大图 和放大镜
            $("#small").on("mouseenter", function () {
                $("#float").show();
                $("#big").show();
            }).on("mouseleave", function () {
                $("#float").hide();
                $("#big").hide();
            }).on("mousemove", function (e) {
                var mX = e.pageX - $(this).offset().left - $("#float").width() / 2;
                var mY = e.pageY - $(this).offset().top - $("#float").height() / 2;
                if (mX <= 0) {
                    mX = 0;
                }
                if (mY <= 0) {
                    mY = 0;
                }
                if (mX >= $("#smallimg").innerWidth() - $("#float").innerWidth()) {
                    mX = $("#smallimg").innerWidth() - $("#float").innerWidth()
                }
                if (mY >= $("#smallimg").innerHeight() - $("#float").innerHeight()) {
                    mY = $("#smallimg").innerHeight() - $("#float").innerHeight()
                }
                $("#float").css({
                    left: mX,
                    top: mY,
                })
                $("#bigimg").css({
                    left: -$oScale * mX,
                    top: -$oScale * mY,
                })
            })
        })

        //渲染其他信息
        $(function () {

            $(".l_name").text(gData.l_name)

            $(".p_brand").attr("src", gData.p_brand.img)

            $(".country-name").text(gData.p_brand.brand)

            $(".brand-name").text(gData.p_brand.brand_name)

            $(".name").text(gData.p_name)

            $(".sub-name").text(gData.p_xiaoguo)

            $(".sub-name").text(gData.p_xiaoguo)

            if (gData.s_sale.trim() != "yes") {
                $(".limited-sale").remove()

            }

            $(".sasa-price").text("¥" + (gData.p_price) + ".00")

            $(".market-price").text(gData.p_oldprice)

            $(".v_price").text(gData.v_price)

            $(".p_Taxation").text(`预估税费￥ ${gData.p_Taxation},实际税费请依据提交订单为准`)

        })

        // 购物车价格
        $(function () {
            $(".check-number").children().eq(1).on("blur", function () {
                $("#price").text(`¥${($(".check-number").children().eq(1).val()*gData.p_price).toFixed(2)}`)
            })
            $(".check-number").children().on("click", function () {
                $("#price").text(`¥${($(".check-number").children().eq(1).val()*gData.p_price).toFixed(2)}`)
            })

        })

        //加入购物车
        $(function () {
            $(".addtocart").on("click", function () {
                var params = {
                    pid: gData.p_id,
                    uid: JSON.parse($.cookie("tokenUser") || '{}').uid,
                    cname: gData.l_name,
                    cnum: $('[name="sl"]').val(),
                    cprice: gData.p_price,
                    ctotal: $('[name="sl"]').val() * gData.p_price,
                    cimg: gData.img[0],
                    poldprice: gData.p_oldprice,
                    ptaxation: gData.p_Taxation,

                }
                console.log(params)

                $.ajax({
                    url: "api/addCart",
                    data: params,
                    type: "post"
                }).then((data) => {
                    console.log(data)
                    // 加入购物车成功后

                    //提示
                    layer.msg("加入购物车成功",{
                        icon:6,
                        time:999,
                    })

                    //获取购物车商品数量
                    $(function () {
                        $.ajax({
                            url: 'api/getCunt',
                            data: {
                                uid: JSON.parse($.cookie("tokenUser") || '{}').uid,
                            }
                        }).then((res) => {
                            console.log(res)
                            if (res.count == null) {
                                $(".qty").hide()
                                $(".cart-count").hide()
                                return;
                            } else if (res.count == 0) {
                                $(".qty").hide()
                                $(".cart-count").hide()
                                return;
                            } else {
                                $(".qty").show()
                                $(".cart-count").show()
                                $(".qty").text(res.count)
                                $(".cart-count").text(res.count)
                            }
                        })

                    })








                })

            })




            //提示 商品+1



        })
    })
})

// 让所有品牌现  需要给a标签一个class
$(function () {
    // 进入a标签出现 离开消失
    $(".mya1").on("mouseenter", function () {
        $(".home-brand-layer").show()
    }).on("mouseleave", function () {
        $(".home-brand-layer").hide()
    })

    $(".home-brand-layer").on("mouseenter", function () {
        $(this).show()
    }).on("mouseleave", function () {
        $(this).hide()
    })
})
//让全部分类淡入淡出  完成
$(function () {
    $(".category").css({
        top: 35,
    })

    $("#drdc").on("mouseenter", function () {

        $(".category").show()
        $(".category").stop().animate({
            opacity: 1,
            top: 50,
            "z-index": 999
        }, 30)
    }).on("mouseleave", function () {

        $(".category").stop().animate({
            opacity: 0,
            top: 35,
            "z-index": -999
        }, 30, function () {
            $(".category").css({
                // "display":"none"
            })
        })

    })


})
// 回到顶部
$(function () {
    $('#returnTop').click(function () {
        $("html").animate({
            scrollTop: 0
        }, 200);
    });

})

// 今日特卖倒计时  // var time = 1000 * 60 * 60 * 24 
$(function () {
    // 设置倒计时结束  时间 
    var cuttime = Date.parse("2019/11/30 23:12:12:000");
    //当前时间   // Date.now()

    //设置倒计时
    var time = cuttime - Date.now()

    // 设置定时器
    setInterval(function () {
        time = time - 10;
        var Seconds = parseInt(time / 1000) % 60;
        if (Seconds <= 9) {
            Seconds = "0" + Seconds
        }
        var Minutus = parseInt(time / (1000 * 60)) % 60;
        if (Minutus <= 9) {
            Minutus = "0" + Minutus
        }
        var Hours = parseInt(time / (1000 * 60 * 60)) % 24;
        if (Hours <= 9) {
            Hours = "0" + Hours
        }

        // $(".countdown").children().eq(1).text(Hours)
        // $(".countdown").children().eq(3).text(Minutus)
        // $(".countdown").children().eq(5).text(Seconds)

        $(".limited-sale>.desc").children().eq(1).text(`剩余时间${Hours}时${Minutus}分${Seconds}秒`)
        $(".time").text(`剩余 ${Hours}:${Minutus}:${Seconds}`)
    }, 10)
})

//点击放大镜图标 跳到大图页面
$(function () {
    $("#search").on("click", function () {
        window.open($(".active").find("img").attr("src"))
    })
})

//改变商品数量 未完成
$(function () {
    // var num = $(".check-number").children().eq(1).val()

    //-
    $(".check-number").children().eq(0).on("click", function () {
        var num = $(".check-number").children().eq(1).val()
        if (num <= 1) {
            $(this).addClass("disable")
        } else {
            num--
            $(".check-number").children().eq(1).val(num)
            $(this).removeClass("disable")
        }
    })
    //+
    $(".check-number").children().eq(2).on("click", function () {
        var num = $(".check-number").children().eq(1).val()
        num++;
        $(".check-number").children().eq(1).val(num)
        if (num >= 1000) {
            //    输出提示
        } else {
            if (num > 1) {
                $(".check-number").children().eq(0).removeClass("disable")
            }
        }
    })

    //input
    $(".check-number").children().eq(1).on("blur", function () {
        var num = $(".check-number").children().eq(1).val()
        if (num <= 1) {
            num = 1;
            $(".check-number").children().eq(1).val(num)
        };
        if (num >= 1000) {
            // 输出提示
        }
    })
})

// tab栏切换
$(function () {

    $(".nav-item").eq(0).on("click", function () {

        $(this).addClass("activeItem").siblings().removeClass("activeItem")


    })
    $(".nav-item").eq(1).on("click", function () {

        $(this).addClass("activeItem").siblings().removeClass("activeItem")


    })


    $(".nav-item").eq(0).on("click", function () {
        $(".tabchange").eq(0).hide()
        $(".tabchange").eq(1).show()
    })
    $(".nav-item").eq(1).on("click", function () {
        $(".tabchange").eq(1).hide()
        $(".tabchange").eq(0).show()
    })
})

// 信息悬浮在顶部  1442
$(function () {
    //滑轮滚动触发
    $(window).scroll(function () {
        // console.log($(window).scrollTop())
        if ($(window).scrollTop() >= 1442) {
            $(".nav-item").eq(2).show()
            $(".tab-nav-relative").css({
                position: "fixed",
                top: 0,
                backgroundColor: "#f5f5f5",
            })
        } else {
            $(".nav-item").eq(2).hide()
            $(".tab-nav-relative").css({
                position: "relative",
                top: 0,
                backgroundColor: "#f5f5f5",
            })
        }

    })

})

//注销
$(function(){
    
    $(".tuichulink").on("click",function(){
        // $(".cart-count").hide();
        // $(".qty").hide();
            $(function(){
                $.ajax({
                    url:"api/quit",  
                })
            })
            layer.msg("退出成功",{time:777},function(){
                parent.location.reload()
            })
         
            return false;
    })
})

// 显示用户名
$(function(){
    if($.cookie("tokenUser")!=null||$.cookie("tokenUser")!=undefined){
        $(".hitext").text("Hi, "+JSON.parse($.cookie("tokenUser") || '{}').uname)
        $(".loginlink").hide()
        $(".reglink").hide()
        $(".tuichulink").show()
    }else{
        $(".hitext").text("Hi,欢迎来到莎莎网 ")
        $(".loginlink").show()
        $(".reglink").show()
        $(".tuichulink").hide()
    }
})